<template>
    <div class="mianbox">
        <div class="btnhome">
            <el-button @click="goHome">首页</el-button>
        </div>
        <div class="imgbox">
            <img src="@/assets/image/404.png" />
        </div>
    </div>
</template>
<script setup>
import { useRouter } from 'vue-router';
let $router = useRouter();
const goHome = () => {
    $router.push('/')
}
</script>
<style scoped lang="scss">
.mianbox {
    height: 100vh;
    width: 100vw;
    display: flex;
    flex-direction: column;

    .imgbox {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .btnhome {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}
</style>